<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    html {
      height: 5000px;
    }

    .fixed {
      position: fixed;
      right: 5px;
      top: 5px;
    }
  </style>
</head>

<body>
  <button class="open">打开淘宝</button>
  <button class="close">关闭淘宝</button>
  <div class="fixed">
    <button class="scrollBy">scrollBy</button>
    <button class="scrollTo">scrollTo</button>
  </div>
</body>
<script>

  // 方法 
  // alert() prompt() confirm()
  // String()  Number()  Boolean() parseInt() parseFloat()
  // isNaN()  eval()
  // setInterval()  setTimeout()
  // clearInterval()  clearTimeout()

  // open()  window.open(url,name,窗口特征)   打开一个新的窗口或查找一个已命名的窗口
  // url => 访问的地址
  // name   窗口名称
  // 窗口特征  可以控制窗口大小 (距离屏幕左边和顶部的位置)

  // 返回值:  被打开的窗口的window

  // close()  关闭窗口 (window.close())


  // scrollBy(x,y)  window.scrollBy(x,y)    相对于页面当前位置,按照指定的像素值来滚动内容。
  // scrollTo(x,y)  window.scrollTos(x,y)    相对于页面当前位置,把内容滚动到指定的坐标。

  var openBtn = document.getElementsByClassName("open")[0];
  var closeBtn = document.getElementsByClassName("close")[0];
  var scrollByBtn = document.getElementsByClassName("scrollBy")[0];
  var scrollToBtn = document.getElementsByClassName("scrollTo")[0];
  var subWindow = null;

  openBtn.onclick = function () {
    // window.open("https://www.baidu.com");  //打开新的窗口(没有窗口名称)
    // window.open("https://www.baidu.com","baidu"); // 查找一个已命名的窗口(没有对应的窗口名就打开新的,有=>跳转)
    // var subWindow = window.open("https://www.baidu.com","baidu","width=400px,height=400px,left=100px,top=200px"); 
    // console.log(subWindow);

    subWindow = window.open("https://www.taobao.com", "taobao", "width=400px,height=400px,left=100px,top=200px");
    console.log(subWindow);
  }

  closeBtn.onclick = function () {
    // window.close();    // 关闭自己
    if (subWindow) {
      subWindow.close();
    }
  }

  scrollByBtn.onclick = function () {
    // window.scrollBy(0,-100);   //正值向下 负值向上
    var count = 0;
    var timer = setInterval(function () {
      window.scrollBy(0, 100);
      count += 100;
      if (count == 3000) {
        clearInterval(timer);
      }
    }, 10)
  }
  scrollToBtn.onclick = function () {
    window.scrollBy(0, 3000);   // 直接移动至 指定位置

  }




</script>

</html>